<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%><!DOCTYPE HTML>
<%-- <%@include file="edit.jsp"%> --%>
<html>
	<head>
	    <style type="text/css">
	    	.required_sign{
	    		color: red;
	    	}
	    	table{width: 100%}
	    	table td{
	    		padding-top: 5px;
	    		padding-bottom: 5px;
	    	}
	        .toolbar {
	            border: 1px solid #ccc;
	        }
	        .text {
	            border: 1px solid #ccc;
	            height: 500px;
	        }
	        
    </style>
	</head>
<body>
<div class="easyui-layout" data-options="fit:true">
	<div class="easyui-tabs" data-options="tabWidth:112" style="width:100%;height:100%">
<!------------------- 发布文章   start ------------------->
		<div title="发布文章" style="padding:10px">
			<form id ="atl_dataform" action="addArticleDetial">
				<input type="hidden" name="entity.articleType" value="1">
				<input class="easyui-validatebox" type="hidden" id="input_show_artcle_coverUrl" name="imgId" />
				<input class="easyui-validatebox" type="hidden" id="input_show_article_audioId" name="soundId" />
				<table  class="form-tbl"  cellspacing="0" style="width:100%;height:100%;">
					<tr class="form-tr">
						<td colspan="4" class="form-td">*表示必填项</td>
					</tr>
					<tr class="form-tr">
						<td class="form-th" ><span class="required_sign">*</span>标题:</td>
						<td colspan="3" class="form-td">
							<input class="easyui-textbox" name="entity.articleTitle" data-options="required:true" style="width:300px;" />
						</td>
					</tr>
					<tr class="form-tr">
						<td class="form-th"><span class="required_sign">*</span>作者:</td>
						<td class="form-td">
							<input id="atl_userName" name="entity.username" value="${user.username }" class="easyui-textbox" data-options="required:true,editable:false" style="width:170px" />
							<input id="atl_userId" name ="entity.userId" value="${user.id }" type="hidden">
							<a id="atl_edit_user" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit' ">修改作者</a>
						</td>
						<td class="form-th"><span class="required_sign">*</span>是否公开</td>
						<td class="form-td"><div id="atl_ismarkPublish"></div></td>
					</tr>
					<tr class="form-tr">
						<td colspan="4">
							<input type="hidden" id="atricle_container" name="entity.articleContent">
							<!-- <div id="atricle_div">
							   
							</div> -->
							<div id="div1" class="toolbar">
						    </div>
						    <div style="padding: 5px 0; color: #ccc"></div>
						    <div id="atricle_div" class="text"> <!--可使用 min-height 实现编辑区域自动增加高度-->
						       
						    </div>
						</td>
					</tr>
					<tr class="form-tr">
						<td class="form-th"><span class="required_sign">*</span>专栏</td>
						<td class="form-td"><input id="atl_cmb_category" name="entity.categoryId" class="easyui-combobox" data-options="required:true,editable:false " /></td>
						<td class="form-th"><span class="required_sign">*</span>分类</td>
						<td class="form-td"><input id="atl_comb_tagId" name="tagId" class="easyui-combobox" data-options="required:true,editable:false " style="width:170px;" /></td>
					</tr>	
					<tr class="form-tr">
						<td class="form-th"><span class="required_sign">*</span>封面</td>
						<td class="form-td">
							<img id="atl_upload_coverUrl" alt="add.png" src="${ctx}/static/admin/add.png" style="height: 50px;width: 50px;">
							<!-- <a id="atl_upload_coverUrl" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',disabled:true">修改封面</a> -->
						</td>
						<td colspan="2" class="form_td">
							<img id="show_artcle_coverUrl" alt="封面图片" src="" style="height: 100px;width: 100px;">
						</td>
					</tr>	
					<tr class="form-tr">
						<td class="form-th">音频附件</td>
						<td class="form-td">
							<!-- <a href="#" id="atl_boutton_uploadAudio" class="easyui-linkbutton" data-options="iconCls:'icon-add'">上传</a> -->
							<!-- <a id="upload_coverUrl" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove',disabled:true">删除附件</a> -->
							<input type="file" id="file_articleAudio" name="file" onchange="ajaxFileUpload1(this);"/> 
						</td>
						<td colspan="2" class="form-td">
							<input id="input_article_audioId" type="hidden" name="entity.audioId">
							<div id="show_article_audioId"></div>
						</td>
					</tr>	
					<tr class="form-tr">
						<th class="form-th">提示:</th>
						<td class="form-td" colspan="3" id="td_article_showTip">
						</td>
					</tr>
					<tr class="form-tr"> 
						<td class="form-td" colspan="4" style="text-align: center;">
							<a href="#" id="save_article" class="easyui-linkbutton" style="width: 100px;">发布</a>
							<a href="#" class="easyui-linkbutton" style="width: 100px;">保存草稿</a>
							<a href="#" id="button_preview" class="easyui-linkbutton" style="width: 100px;">客户端预览</a>
						</td>
					</tr>
				</table>
			</form>
		</div>
<!------------------- 发布文章   end ------------------->


<!------------------- 发布音频   start ------------------->
		<div title="发布音频" style="padding:10px">
			<form id ="audio_dataform" action="addArticleDetial">
				<input type="hidden" name="entity.articleType" value="3">
				<input class="easyui-validatebox" type="hidden" id="input_show_audio_coverUrl" name="imgId" />
				<input class="easyui-validatebox" type="hidden" id="input_show_audio_audioId" name="soundId" />
				<table border="1px;" class="form-tbl">
					<tr class="form-tr">
						<td colspan="4" style="color: red;text-align: left;">*表示必填项</td>
					</tr>
					<tr class="form-tr">
						<td class="form-th"><span class="required_sign">*</span>标题:</td>
						<td class="form-td" colspan="3">
							<input class="easyui-textbox" name="entity.articleTitle" data-options="required:true" style="width:300px;" />
						</td>
					</tr>
					<tr class="form-tr">
						<td class="form-th"><span class="required_sign">*</span>作者:</td>
						<td  class="form-td">
							<input id="audio_userName" name="entity.username" value="${user.username }" class="easyui-textbox" data-options="required:true,editable:false" style="width:170px" />
							<input id="audio_userId" name ="entity.userId" value="${user.id }" type="hidden">							
							<a id="audio_edit_user" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit' ">修改作者</a>
						</td>
						<td  class="form-th"><span class="required_sign">*</span>是否公开</td>
						<td  class="form-td"><div id="audio_ismarkPublish"></div></td>
					</tr>
					<tr class="form-tr">
						<td  class="form-th"><span class="required_sign">*</span>专栏</td>
						<td  class="form-td"><input id="audio_cmb_category" name="entity.categoryId" data-options="required:true,editable:false " class="easyui-combobox"  /></td>
						<td  class="form-th"><span class="required_sign">*</span>分类</td>
						<td  class="form-td"><input id="audio_comb_tagId" data-options="required:true,editable:false " name="tagId" class="easyui-combobox" style="width:170px;" /></td>
					</tr>
					<tr class="form-tr">
						<td  class="form-th"><span class="required_sign">*</span>音频</td>
						<td  class="form-td">
							<%-- <img id="img_addVideo" alt="add.png" src="${ctx}/static/admin/add.png" style="height: 50px;width: 50px;"> --%>
							<!-- <a href="#" id="audio_boutton_uploadAudio" class="easyui-linkbutton" data-options="iconCls:'icon-add'">上传</a> -->
							 <input type="file" id="file_audio" name="file" onchange="ajaxFileUpload2(this);"/>
						</td>
						<td colspan="2" class="form-td">
							<div id="show_audio_audioId"></div>
						</td>
					</tr>
					<tr class="form-tr">
						<td  class="form-th"><span class="required_sign">*</span>封面</td>
						<td  class="form-td">
							<img id="audio_upload_coverUrl" alt="add.png" src="${ctx}/static/admin/add.png" style="height: 50px;width: 50px;">
						</td>
						<td colspan="2" class="form_td">
							<img id="show_audio_coverUrl" alt="封面图片" src="" style="height: 100px;width: 100px;">
						</td>
					</tr>	
					<tr class="form-tr">
						<th class="form-th">提示:</th>
						<td class="form-td" colspan="3" id="td_audio_showTip">
						</td>
					</tr>
					<tr class="form-tr">
						<td colspan="4" style="text-align: center;">
							<a href="#" id="save_audio" class="easyui-linkbutton" style="width: 100px;">发布</a>
							<a href="#" class="easyui-linkbutton" style="width: 100px;">保存草稿</a>
							<a href="#" class="easyui-linkbutton" style="width: 100px;">客户端预览</a>
						</td>
					</tr>
				</table>
			</form>
		</div>
		
<!------------------- 发布音频   end ------------------->

<!------------------- 发布视频   start ------------------->		
		<div title="发布视频" style="padding:10px">
			<form id ="video_dataform" action="addArticleDetial">
				<input type="hidden" name="entity.articleType" value="5">
				<input class="easyui-validatebox" type="hidden" id="video_img_id" name="imgId" />
				<input class="easyui-validatebox" type="hidden" id="video_sound_id" name="soundId" />
				<table border="1px;" class="form-tbl">
					<tr class="form-tr">
						<td colspan="4" style="color: red;text-align: left;">*表示必填项</td>
					</tr>
					<tr class="form-tr">
						<td class="form-th"><span class="required_sign">*</span>标题:</td>
						<td class="form-td" colspan="3">
							<input class="easyui-textbox" name="entity.articleTitle" data-options="required:true" style="width:300px;" />
						</td>
					</tr>
					<tr class="form-tr">
						<td class="form-th"><span class="required_sign">*</span>作者:</td>
						<td  class="form-td">
							<input id="video_userName" name="entity.useruame" value="${user.username }" class="easyui-textbox" data-options="required:true,editable:false" style="width:170px" />
							<input id="video_userId" name ="entity.userId" value="${user.id }" type="hidden">
							<a id="video_edit_user" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit' ">修改作者</a>
						</td>
						<td  class="form-th"><span class="required_sign">*</span>是否公开</td>
						<td  class="form-td"><div id="video_ismarkPublish"></div></td>
					</tr>
					<tr class="form-tr">
						<td  class="form-th"><span class="required_sign">*</span>专栏</td>
						<td  class="form-td"><input id="video_cmb_category" name="entity.categoryId" data-options="required:true,editable:false " class="easyui-combobox"  /></td>
						<td  class="form-th"><span class="required_sign">*</span>分类</td>
						<td  class="form-td"><input id="video_comb_tagId" data-options="required:true,editable:false " name="tagId" class="easyui-combobox" style="width:170px;" /></td>
					</tr>
					<tr class="form-tr">
						<td  class="form-th"><span class="required_sign">*</span>视频</td>
						<td  class="form-td">
							<input type="hidden" id="entity_videoid" name="entity.videoid" />		
							<img id="video_upload" alt="add.png" src="${ctx}/static/admin/add.png" style="height: 50px;width: 50px;">
						</td>
						<td colspan="2" class="form-td" id="show_video_videoId"></td>
					</tr>
					<tr class="form-tr">
						<th class="form-th">提示:</th>
						<td class="form-td" colspan="3" id="td_video_showTip">
						</td>
					</tr>
					<tr class="form-tr">
						<td colspan="4" style="text-align: center;">
							<a href="#" id="save_video" class="easyui-linkbutton" style="width: 100px;">发布</a>
							<a href="#" class="easyui-linkbutton" style="width: 100px;">保存草稿</a>
							<a href="#" class="easyui-linkbutton" style="width: 100px;">客户端预览</a>
						</td>
					</tr>
				</table>
			</form>
		</div>
<!------------------- 发布视频   end ------------------->	
	</div>
	
	
		<div id="preview_article" class="easyui-dialog" title="预览" data-options="closed:true" style="width:600px;height:600px;padding:10px">
			    <div id="preview_article_content" class="text"> <!--可使用 min-height 实现编辑区域自动增加高度-->
			       
			    </div>
		</div>	
	
</div>
<script type="text/javascript" src=""></script>
<script type="text/javascript">

var userType = "${adminUser.type }";//当前登录用户类型

var E = window.wangEditor
var editor = new E('#div1', '#atricle_div')  // 两个参数也可以传入 elem 对象，class 选择器
// 自定义菜单配置
editor.customConfig.menus = [
	'head',  // 标题
    'bold',  // 粗体
    'italic',  // 斜体
    'underline',  // 下划线
    'strikeThrough',  // 删除线
    'foreColor',  // 文字颜色
    'backColor',  // 背景颜色
    'link',  // 插入链接
    'list',  // 列表
    'justify',  // 对齐方式
    'image',  // 插入图片
    'undo',  // 撤销
    'redo'  // 重复
]

editor.customConfig.fontsizes ='500'

// 配置服务器端地址
editor.customConfig.uploadImgServer = '/file/uploadFiles'

editor.customConfig.uploadFileName = 'files'

editor.customConfig.uploadImgHooks = {
	before: function (xhr, editor, files) {
		$.messager.progress({title:'系统提示',text:'图片上传中，请耐心等待...'});
        // 图片上传之前触发
        // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，files 是选择的图片文件
        // 如果返回的结果是 {prevent: true, msg: 'xxxx'} 则表示用户放弃上传
        // return {
        //     prevent: true,
        //     msg: '放弃上传'
        // }
    },
    success: function (xhr, editor, result) {
    	$.messager.progress('close');
        // 图片上传并返回结果，图片插入成功之后触发
        // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，result 是服务器端返回的结果
    },
    fail: function (xhr, editor, result) {
    	$.messager.progress('close');
        // 图片上传并返回结果，但图片插入错误时触发
        // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，result 是服务器端返回的结果
    },
    error: function (xhr, editor) {
    	$.messager.progress('close');
        // 图片上传出错时触发
        // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象
    },
    timeout: function (xhr, editor) {
    	$.messager.progress('close');
        // 图片上传超时时触发
        // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象
    },

    // 如果服务器端返回的不是 {errno:0, data: [...]} 这种格式，可使用该配置
    // （但是，服务器端返回的必须是一个 JSON 格式字符串！！！否则会报错）
    customInsert: function (insertImg, result, editor) {
        // 图片上传并返回结果，自定义插入图片的事件（而不是编辑器自动插入图片！！！）
        // insertImg 是插入图片的函数，editor 是编辑器对象，result 是服务器端返回的结果
		$.messager.progress('close');
        // 举例：假如上传图片成功后，服务器端返回的是 {url:'....'} 这种格式，即可这样插入图片：
        var url = result.data.fileUrl;
        insertImg(url);

        // result 必须是一个 JSON 格式字符串！！！否则报错
    }
}
//关闭粘贴样式的过滤
editor.customConfig.pasteFilterStyle = true
editor.create();

function ajaxFileUpload1(obj){
	var fileName = obj.value;
	var isExt = checkFileExt(fileName);
	if(!isExt){
		return;
	}
	$.messager.progress({title:'系统提示',text:'音频上传中，请耐心等待...'});
	$.ajaxFileUpload({
           fileElementId: 'file_articleAudio',    //需要上传的文件域的ID，即<input type="file">的ID。
           url: '/file/upload', //后台方法的路径
           type: 'post',   //当要提交自定义参数时，这个参数要设置成post
           dataType: 'json',   //服务器返回的数据类型。可以为xml,script,json,html。如果不填写，jQuery会自动判断。
           secureuri: false,   //是否启用安全提交，默认为false。
           async : true,   //是否是异步
           success: function(data) {   //提交成功后自动执行的处理函数，参数data就是服务器返回的数据。
        	   $.messager.progress('close');
        	   if(data.code >0){
        		   var fileInfo = data.data;
                   var path = fileInfo.fileUrl;
                   var id = fileInfo.id;
                   $("#input_show_article_audioId").val(id);  //完成后更新已上传的文件列表
          		   showAudio("show_article_audioId",path); 
          		   top.$ok('上传成功!');
	           	}else{
	           		top.$ok('上传失败!');
	           	}
           },
           error: function(data, status, e) {  //提交失败自动执行的处理函数。
        	   $.messager.progress('close');
        	   top.$ok('上传失败!');
               console.error(e);
           }
       });
}


function ajaxFileUpload2(obj){
	var fileName = obj.value;
	var isExt = checkFileExt(fileName);
	if(!isExt){
		return;
	}
	$.messager.progress({title:'系统提示',text:'音频上传中，请耐心等待...'});
	$.ajaxFileUpload({
        fileElementId: 'file_audio',    //需要上传的文件域的ID，即<input type="file">的ID。
        url: '/file/upload', //后台方法的路径
        type: 'post',   //当要提交自定义参数时，这个参数要设置成post
        dataType: 'json',   //服务器返回的数据类型。可以为xml,script,json,html。如果不填写，jQuery会自动判断。
        secureuri: false,   //是否启用安全提交，默认为false。
        async : true,   //是否是异步
        success: function(data) {   //提交成功后自动执行的处理函数，参数data就是服务器返回的数据。
        	$.messager.progress('close');
        	if(data.code >0){
        		var fileInfo = data.data;
            	var path = fileInfo.fileUrl;
            	var id = fileInfo.id;
            console.log(fileInfo.fileUrl);
                $("#input_show_audio_audioId").val(id);  //完成后更新已上传的文件列表
    		    showAudio("show_audio_audioId",path);
    		    top.$ok('上传成功!');
        	}else{
        		top.$ok('上传失败!');
        	}
        },
        error: function(data, status, e) {  //提交失败自动执行的处理函数。
        	$.messager.progress('close');
        	top.$ok('上传失败!');
            console.error(e);
        }
    });
}
function showAudio(objectId,path){
	var html = path;
	$("#"+objectId).html(html);
}
function checkFileExt(filename){
	var flag = true; //状态
	 var photoExt=filename.substr(filename.lastIndexOf(".")).toLowerCase();//获得文件后缀名
	 if(photoExt!='.mp3'){
		 	$.messager.alert('提示','请选择MP3格式的音频文件进行上传！');
	        flag = false;
	    }
	 return flag;
}


$(function() {
	$('#atl_ismarkPublish').radiobox({name:'entity.markPublish',value:true,data:[[true,'公开'],[false,'私密']]});
	$('#audio_ismarkPublish').radiobox({name:'entity.markPublish',value:true,data:[[true,'公开'],[false,'私密']]});
	$('#video_ismarkPublish').radiobox({name:'entity.markPublish',value:true,data:[[true,'公开'],[false,'私密']]});
	//专栏
	$("#atl_cmb_category").combobox({
			url:'${ctx}/category/info/findAll',
			method:'post',
			valueField:'id',
			textField:'name',
			panelHeight:'auto',
		});
	function getCategory(){
		$("#atl_cmb_category").combobox({
			url:'${ctx}/category/info/findAll',
			method:'post',
			valueField:'id',
			textField:'name',
			panelHeight:'auto',
			mode:'remote',
			/* filter:function(q, row){
				console.log(q);
				console.log(row);
				var opts = $(this).combobox('options');
				return row[opts.textField].indexOf(q) == 0;
			} */
			/* formatter: function(row){
				var opts = $(this).combobox('options');
				var textField = row[opts.textField];
				console.log(textField);
				console.log(userType);
				if(userType != '5' && textField != '咖讲堂'){
					return row[opts.textField];
				}
			} */
			/* onClick:function(data){
				if(data.name=='咖讲堂' && userType != '5'){
					 $.messager.alert('提示','该作者不是大咖用户无法投稿到咖讲堂!');
					 $('#atl_cmb_category').combobox('setValue','');
					 $('#atl_cmb_category').combobox('reset');
					 console.log("====");
				}
			} */
			
		});
	}
    
	//分类
	$("#atl_comb_tagId").combobox({
		url:'${ctx}/tag/info/findByPidToTag?pid=0',
		method:'get',
		valueField:'id',
		textField:'tagName',
		panelHeight:'auto'
	});
	$("#audio_comb_tagId").combobox({
		url:'${ctx}/tag/info/findByPidToTag?pid=0',
		method:'get',
		valueField:'id',
		textField:'tagName',
		panelHeight:'auto'
	});
	$("#video_comb_tagId").combobox({
		url:'${ctx}/tag/info/findByPidToTag?pid=0',
		method:'get',
		valueField:'id',
		textField:'tagName',
		panelHeight:'auto'
	});
	//audio投稿
    $("#audio_cmb_category").combobox({
			url:'${ctx}/category/info/findAll',
			method:'post',
			valueField:'id',
			textField:'name',
			panelHeight:'auto',
			onLoadSuccess: function () { //加载完成后,设置选中第一项  
                var val = $(this).combobox('getData');  
                for (var item in val) {  
                	var category = val[item];
                    if (category.name == '每日听') {  
                        $(this).combobox('select', category.id);  
                    }  
                }
			}
		});
	//video投稿
    $("#video_cmb_category").combobox({
			url:'${ctx}/category/info/findAll',
			method:'post',
			valueField:'id',
			textField:'name',
			panelHeight:'auto',
			onLoadSuccess: function () { //加载完成后,设置选中第一项  
                var val = $(this).combobox('getData');  
                for (var item in val) {  
                	var category = val[item];
                    if (category.name == '咖讲堂') {  
                        $(this).combobox('select', category.id);  
                    }  
                }
			}
		});
  	//上传封面
	function upLoadImg(objectId){
		showUpload({title:"上传封面"
			,options:{
				filters:{
					mime_types: [{title : "封面图片", extensions : "jpg,png"}]
				},
				multi_selection: false ,
				 init:{
					 FileUploaded:function(uploader,file,responseObject){
						 var response = responseObject.response;
						 var json = eval('(' + response + ')');
						 var data = json.data;
						 var path = data.fileUrl;
						 $("#input_"+objectId).val(data.id);  //完成后更新已上传的文件列表
						 showImg(objectId,path);
					 }
				},
				complete:function(){
					top.$ok('上传成功');
				}
			}
		});
	}
	function showImg(objectId,path){
		$("#"+objectId).attr("src",path);
	}
	
	
	/* $('#atl_boutton_uploadAudio').uploadify({
    	'fileObjName' : 'file',
        'swf': '${ctx}/static/admin/uploadify/uploadify.swf',  //FLash文件路径
        'buttonText': '上传音频',                                 //按钮文本
        'uploader': '/file/upload',                       //处理文件上传Action
        'queueID': 'fileSound',                        //队列的ID
        'queueSizeLimit': 1,                          //队列最多可上传文件数量，默认为999
        'auto': true,                                //选择文件后是否自动上传，默认为true
        'multi': true,                                 //是否为多选，默认为true
        'successTimeout': 1800,
        'removeCompleted': true,                       //是否完成后移除序列，默认为true
        'fileSizeLimit': '30MB',                       //单个文件大小，0为无限制，可接受KB,MB,GB等单位的字符串值
        'fileTypeDesc': 'Image Files',                 //文件描述
        'fileTypeExts': '*.mp3',  //上传的文件后缀过滤器
        'onQueueComplete': function (event, data) {                 //所有队列完成后事件
        	//$.messager.progress('close');
        },
        'onUploadStart' : function(file) {
            //$("#file_upload").uploadify("settings", 'formData', { 'folder': '文章音频'}); //动态传参数
            $.messager.progress({title:'系统提示',text:'音频上传中，请耐心等待...'});
            $.messager.progress('close');
        },
        'onUploadError': function (event, queueId, fileObj, errorObj) {
            //alert(errorObj.type + "：" + errorObj.info);
            $.messager.progress('close');
            $.messager.alert("提示", "上传失败！");                                     //提示完成       
        },
        'onUploadSuccess':function(file,data,response){
        	$.messager.progress('close');
        	var object = JSON.parse(data); 
        	var id = object.data.id;  //完成后更新已上传的文件列表
        	var path =object.data.fileUrl;
        	$("#input_show_article_audioId").val(id);  //完成后更新已上传的文件列表
			showAudio("show_article_audioId",path);
        },
        'onDialogOpen':function(){
        	$('#atl_boutton_uploadAudio').uploadify('cancel', '*');
        } 
    }); */
	//发布音频文件
	/* $('#audio_boutton_uploadAudio').uploadify({
    	'fileObjName' : 'file',
        'swf': '${ctx}/static/admin/uploadify/uploadify.swf',  //FLash文件路径
        'buttonText': '上传音频',                                 //按钮文本
        'uploader': '/file/upload',                       //处理文件上传Action
        'queueID': 'fileSound',                        //队列的ID
        'queueSizeLimit': 1,                          //队列最多可上传文件数量，默认为999
        'auto': true,                                 //选择文件后是否自动上传，默认为true
        'multi': true,                                 //是否为多选，默认为true
        'successTimeout': 1800,
        'removeCompleted': true,                       //是否完成后移除序列，默认为true
        'fileSizeLimit': '30MB',                       //单个文件大小，0为无限制，可接受KB,MB,GB等单位的字符串值
        'fileTypeDesc': 'Image Files',                 //文件描述
        'fileTypeExts': '*.mp3',  //上传的文件后缀过滤器
        'onQueueComplete': function (event, data) {                 //所有队列完成后事件
        	//$.messager.progress('close');
        },
        'onUploadStart' : function(file) {
            //$("#file_upload").uploadify("settings", 'formData', { 'folder': '文章音频'}); //动态传参数
            $.messager.progress({title:'系统提示',text:'音频上传中，请耐心等待...'});
        },
        'onUploadError': function (event, queueId, fileObj, errorObj) {
            //alert(errorObj.type + "：" + errorObj.info);
            $.messager.progress('close');
            $.messager.alert("提示", "上传失败！");                                     //提示完成       
        },
        'onUploadSuccess':function(file,data,response){
        	$.messager.progress('close');
        	var object = JSON.parse(data); 
        	var id = object.data.id;  //完成后更新已上传的文件列表
        	var path =object.data.fileUrl;
        	$("#input_show_audio_audioId").val(id);  //完成后更新已上传的文件列表
			showAudio("show_audio_audioId",path);
            	
			 
        },
        'onDialogOpen':function(){
        	$('#audio_boutton_uploadAudio').uploadify('cancel', '*');
        } 
    });
	 */
	//发布文章的封面
	$("#atl_upload_coverUrl").on("click",function(){
		upLoadImg("show_artcle_coverUrl");
	});
	//发布音频的封面
	$("#audio_upload_coverUrl").on("click",function(){
		upLoadImg("show_audio_coverUrl");
	});
	//发布视频文件
	$("#video_upload").on("click",function(){
		show({code:'file_uploadVideo',title:'视频上传',iconCls:'icon-add',uri:'/file/uploadVideo',width:800,height:800,
			options : {
				success : function(data) {
					$("#entity_videoid").val(data);
					$("#show_video_videoId").html("视频id:"+data);
				}
			}
		});
	});
	function validCategory(){
		
	}
	//保存文章
	$('#save_article').on('click',function(){
		var category = $('#atl_cmb_category').combobox('getText');
		if(category.indexOf('咖讲堂') >=0 && userType !='5'){
			 $.messager.alert('提示','该作者不是大咖用户无法投稿到咖讲堂!');
			 $('#atl_cmb_category').combobox('clear');
			 return;
		}
		var isValid = isValidArticle();
		if(!isValid){
			return;
		}
		saveArticle();
	});
	//保存音频
	$('#save_audio').on('click',function(){
		var isValid = isValidAudio();
		if(!isValid){
			return;
		}
		saveAudio();
	});
	//保存视频
	$('#save_video').on('click',function(){
		var category = $('#video_cmb_category').combobox('getText');
		if(category.indexOf('咖讲堂') >=0 && userType !='5'){
			 $.messager.alert('提示','该作者不是大咖用户无法投稿到咖讲堂!');
			 $('#video_cmb_category').combobox('clear');
			 return;
		}
		var isValid = isValidVideo();
		if(!isValid){
			return;
		}
		saveVideo();
	});
	//文章的阅览
	$('#button_preview').on('click',function(){
		previewArticle();
	});
	//修改作者
	$('#atl_edit_user').on('click',function(){
		editUser("atl_");
	});
	$('#audio_edit_user').on('click',function(){
		editUser("audio_");	
	});
	$('#video_edit_user').on('click',function(){
		editUser("video_");
	});
	
	
	//修改文章的作者
	function editUser(id){
		show({code:'select_author',title:'选择作者',iconCls:'icon-edit',uri:'selectAuthor',width:800,height:800,
			options : {
				success : function(data) {
					$("#"+id+"userId").val(data.id);
					//$("#"+id+"userName").val(data.nickname);
					$("#"+id+"userName").textbox("setValue",data.nickname);
					userType=data.type;
				}
			}
		});
	}
	function saveArticle(){
		$("#atl_ismarkPublish").val(1);
		$.messager.progress({title:'系统提示',text:'数据处理中，请耐心等待...'});
		$.submit('#atl_dataform',function(r) {
			$.messager.progress('close');
			if(r.code<0) return $alert(r.msg);
			top.$prompt('保存成功');
			clearArticle();
		});
	}
	function saveAudio(){
		$.messager.progress({title:'系统提示',text:'数据处理中，请耐心等待...'});
		$.submit('#audio_dataform',function(r) {
			$.messager.progress('close');
			if(r.code<0) return $alert(r.msg);
			top.$prompt('保存成功');
			clearAudio();
		});
	}
	function saveVideo(){
		$.messager.progress({title:'系统提示',text:'数据处理中，请耐心等待...'});
		$.submit('#video_dataform',function(r) {
			$.messager.progress('close');
			if(r.code<0) return $alert(r.msg);
			top.$prompt('保存成功');
			clearVideo();
		});
	}
	function confirm(id){
		$.messager.confirm('提示', '添加成功是否继续发布', function(r){
			if (r){
				$('#atl_dataform').form('reset');	// load from URL
				if(id == 'atl_dataform'){
					editor.txt.clear();
				}
			}
		});
	}
	function clearArticle() {
		editor.txt.clear();
		$('#atl_dataform').form('reset');
		$("#input_show_artcle_coverUrl").val("");
		$("#input_show_article_audioId").val("");
		$("#show_article_audioId").html("");
		$("#input_article_audioId").val("");
		$("#input_article_audioId").val("");
		$("#show_artcle_coverUrl").attr("src","");
		
	}
	function clearAudio() {
		$('#audio_dataform').form('reset');
		input_show_audio_coverUrl
		$("#input_show_audio_coverUrl").val("");
		$("#input_show_audio_audioId").val("");
		$("#show_audio_audioId").val("");
		$("#show_audio_coverUrl").attr("src","");
	}
	function clearVideo() {
		$('#video_dataform').form('reset');
		$("#video_img_id").val("");
		$("#video_sound_id").val("");
		$("#show_video_videoId").html("");
		$("#show_video_coverUrl").attr("src","");
	}
	
	//发布文章的验证
	function isValidArticle(){
		var isArticle=true;
		var tip = $("#td_article_showTip").html("");
		//获取富文本的内容
		var content = editor.txt.html();
		content = content.replace(/<p><img/,'<img');
		var articleContent = content;  //content.ResetBlank();
		$("#atricle_container").val(articleContent);
		var imgId = $("#input_show_artcle_coverUrl").val();
		var isValid = $('#atl_dataform').form('enableValidation').form('validate');
		if(!isValid){
			var div_tip = '<span style="color: red;">请完善文章必填信息</span>';
			tip.append(div_tip);
			isArticle = isArticle && false;
		}
		if(articleContent.length<1){
			var div_tip = '<span style="color: red;">请添加文章的内容</span>';
			tip.append(div_tip);
			isArticle = isArticle && false;
		}
		if(imgId.length<1){
			var div_tip = '<span style="color: red;">请上传文章的封面</span>';
			tip.append(div_tip);
			isArticle = isArticle && false;
		}
		return isArticle;
	}
	//发布音频的验证
	function isValidAudio(){
		var isAudio=true;
		var tip = $("#td_audio_showTip").html("");;
		var imgId = $("#input_show_audio_coverUrl").val();
		var soundId = $("#input_show_audio_audioId").val();
		var isValid = $('#audio_dataform').form('enableValidation').form('validate');
		if(!isValid){
			var div_tip = '<span style="color: red;">请完善文章必填信息;</span>';
			tip.append(div_tip);
			isAudio = isAudio && false;
		}
		if(imgId.length<1){
			var div_tip = '<span style="color: red;">请上传文章的封面;</span>';
			tip.append(div_tip);
			isAudio = isAudio && false;
		}
		if(soundId.length<1){
			var div_tip = '<span style="color: red;">请上传音频文件;</span>';
			tip.append(div_tip);
			isAudio = isAudio && false;
		}
		return isAudio;
	}
	//发布视频的验证
	function isValidVideo(){
		var isVideo=true;
		var tip = $("#td_video_showTip").html("");;
		var isValid = $('#video_dataform').form('enableValidation').form('validate');
		if(!isValid){
			var div_tip = '<span style="color: red;">请完善文章必填信息</span>';
			tip.append(div_tip);
			isVideo = isVideo && false;
		}
		return isVideo;
	}
});
//预览文章
function previewArticle(){
	var article = editor.txt.html();
	if(article.length<1){
		return;
	}
	$('#preview_article').dialog('open');
	
	var preview = new E('#preview_article_content')
	preview.customConfig.menus = [
				'head',  // 标题
			    'bold',  // 粗体
			    'italic',  // 斜体
			    'underline',  // 下划线
			    'strikeThrough',  // 删除线
			    'foreColor',  // 文字颜色
			    'backColor',  // 背景颜色
			    'link',  // 插入链接
			    'list',  // 列表
			    'justify',  // 对齐方式
			    'image',  // 插入图片
			    'undo',  // 撤销
			    'redo'  // 重复
		]
	preview.create()	
	preview.$textElem.attr('contenteditable', false)
	preview.txt.html(article)
	// 禁用编辑功能
	//preview.$textElem.attr('contenteditable', false)
}





</script>	
</body>
</html>